import React from 'react';
import Navigation from '../../Navigation';
import './index.scss';

class InteractivePage extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
    this.navigation = [
      {
        name: '投诉举报',
        key: 'complaint',
      },
      {
        name: '监管在线',
        key: 'supervise_online',
      },
      {
        name: '你点我检',
        key: 'double_random',
      },
      {
        name: '食安建言',
        key: 'speak',
      },
      {
        name: '知识测评',
        key: 'knowledge',
      },
    ];
  }
  render() {
    return (
      <div className="content-wrapper" >
        <Navigation
          config={this.navigation}
          defaultKey={'complaint'}
        />
        <div className="main-container">
          {this.props.children}
        </div>
      </div>
    );
  }
}

export default InteractivePage;
